<template>
	<view>
		<view class="bottom">
			<view class="introduce">
				<view class="bottomTopTitle">PDF雷达锁</view>
				<view class="bottomTopSubTitle">为千万内容创作者提供内容保护，内容安全分享</view>
			</view>
			<view class="introduce">
				<view class="flex flexSaround mt-20">
					<view class="aboutTitle" @click="about">关于我们</view>
					<view class="aboutTitle" @click="contactUs">联系我们</view>
					<view class="aboutTitle" @click="help">帮助中心</view>
					<!-- <view class="flexColumn">
						<view class="aboutTitle" @click="about">关于我们</view>
						<view class="aboutSub mt-20">友情链接：紫丰工程设计</view>
					</view>
					<view class="flexColumn">
						<view class="aboutTitle" @click="contactUs">联系我们</view>
						<view class="aboutSub mt-20">差帮帮</view>
					</view>
					<view class="flexColumn">
						<view class="aboutTitle" @click="help">帮助中心</view>
						<view class="aboutSub mt-20">中凡国际工程设计</view>
					</view> -->
				</view>
				<view class="flex flexSaround mt-20">
					<view class="aboutSub mt-20" v-for="(item,index) in links" :key="index" @click="linksUrl(item.links)"><span v-if="index == 0">友情链接：</span>{{item.name}}</view>
				</view>
			</view>
			<view class="internetContentProvider mt-20 flex flexSbetween">
				<view @click="icp">备案号：{{content.beian}}</view>
				<view class="ml-60">版权所有：{{content.version}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				links:[],
				content:''
			}
		},
		mounted() {
			this.getList()
			this.getBeian()
		},
		methods:{
			getBeian(){
				let data={}
				this.api.get('api/content/init',data).then(res=>{
					if(res.code == 200){
						this.content = res.data
					}
				})
			},
			getList(){
				let data={}
				this.api.get('api/content/links',data).then(res=>{
					if(res.code == 200){
						this.links = res.data
					}
				})
			},
			contactUs(){
				uni.navigateTo({
					url:'/pages/user/contactUs'
				})
			},
			help(){
				uni.navigateTo({
					url:'/pages/user/help'
				})
			},
			about(){
				uni.navigateTo({
					url:'/pages/user/about'
				})
			},
			linksUrl(url){
				window.location.href = url
			},
			icp(){
				window.location.href = 'https://wap.miit.gov.cn/'
			}
		}
	}
</script>

<style>
	.bottom {
		background: #bc0507;
		padding: 40rpx;
		text-align: center;
	}
	
	.introduce {
		border-bottom: 1rpx solid #df6162;
		padding-bottom: 10rpx;
	}
	
	.bottomTopTitle {
		font-size: 40rpx;
		font-weight: 700;
		color: #fff;
		margin-bottom: 10rpx;
	}
	
	.bottomTopSubTitle {
		font-size: 30rpx;
		color: #fff;
	}
	.aboutTitle{
		font-size: 30rpx;
		font-weight: 700;
		color: #fff;
	}
	.aboutSub{
		font-size: 24rpx;
		color: #fff;
		opacity: 0.7;
	}
	.internetContentProvider{
		color: #fff;
		font-size: 26rpx;
	}
</style>